<!DOCTYPE html>
<html ng-app="itemDetail">

<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>
        商品详情 - azeroth
    </title>
    <link rel="stylesheet" type="text/css" href="../assets/css/base.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/itemListTemplate.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/detail.css">

    <link href="../assets/owlcarousel/owl.carousel.css" rel="stylesheet"/>
    <link href="../assets/owlcarousel/owl.theme.css" rel="stylesheet"/>

</head>

<body ng-controller="itemDetailController">

<!--<header id="common_hd" class="c_txt rel">-->
<!--<a id="hd_back" class="abs">-->
<!--返回-->
<!--</a>-->

<!--<p class="hd_tle bold">-->
<!--详情-->
<!--</p>-->

<!--<span id="hd_enterShop" class="abs">-->
<!--<a id="hd_cart">-->
<!--<img src="../assets/all_icon_set_car@2x.png" width="30" style="margin-right: 30px;margin-bottom: 5px">-->
<!--</a>-->
<!--<a id="hd_send">-->
<!--<img src="../assets/all_icon_send@2x.png" width="25" style="margin-bottom: 10px">-->
<!--</a>-->
<!--</span>-->
<!--</header>-->


<div id="item_info_for_show_wrap" class="" style="display: block;">
    <section id="item_info" class="rel">

        <article>

            <div id="owl-demo" class="owl-carousel">

                <div ng-repeat="descPic in item.descPicList">
                    <img width="100%" src="{{descPic}}">
                </div>

            </div>

        </article>


        <div id="item_price_wrap" class="rel">
            <p class="p_header">{{item.title}}</p>

            <p>
                一口价
                <span id="item_price" class="i_pri">¥{{item.vipPrice}}</span>
                <span id="item_origin_price" class="i_pri">¥{{item.price}}</span>
            </p>

            <p class="free_delivery" class="rel">
                17点前下单，预计72小时到达
                <em id="free_delivery_em" class="abs ">
                    库存{{item.stock}}件
                </em>
            </p>

            <p class="free_delivery_suggest">
                温馨提示：本产品无质量问题不支持退换货
            </p>

        </div>
    </section>
    <!--<section id="item_info_for_common" style="display: block;">-->
    <!--<div id="comment">-->
    <!--<h2>-->
    <!--<span>评论（20）</span>-->
    <!--<span class="scoreNumber" id="scoreNum">查看全部</span>-->
    <!--</h2>-->
    <!--<ul id="commentList" style="display: block;">-->
    <!--<li class="">-->
    <!--<p>-->
    <!--<span>米尔奇 V3</span>-->
    <!--<span style="float: right;">8分钟前</span>-->
    <!--</p>-->

    <!--<p class="txt">这个好棒，感觉效果很好，请问在哪里买的？能给个链接吗？</p>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</section>-->

    <section style="display: block;    background: #fff;
    overflow: auto;
    margin-top: 14px;">
        <div class="item_other_info">
            <p class="p_header" style="border-bottom: 1px solid #e3e3e3;padding-bottom: 20px">
                好物详情
            </p>

            <article class="item_show" class="loading c_txt rel">
                <img width="100%" src="{{item.pic}}">
            </article>

            <p ng-repeat="featureValueDO in item.featureValueDOList">
                {{featureValueDO.propertyMetaTitle}}：{{featureValueDO.value}}
            </p>
        </div>
    </section>
</div>

<footer id="item_fix_btn" class="fix wrap" style="transition: opacity 200ms ease; opacity: 1; display: block;">
    <div id="control_btn" class="margin_auto" ng-click="goApp()">
        <div id="control_btn_inner" class="rel">
            <div id="control_btn_inner_left" class="abs">
                <span id="my_wd_userinfo" class="abs c_txt">
                    客服
                    <em id="my_wd_userinfo_em" class="abs">
                    </em>
                </span>
                <span id="my_cart" class="abs c_txt ">
                    收藏
                    <em id="my_cart_em" class="abs">
                    </em>
                </span>
            </div>
            <div id="control_btn_inner_right" class="abs">
                <span id="add_cart" class="c_txt abs for_gaq" data-for-gaq="加入购物车"
                   style="background-color: #EC0C0C;color: #ffffff">
                    加入购物车
                </span>
                <span id="buy_now" class="btnok c_txt abs for_gaq" data-for-gaq="立即购买"
                   style="background-color: #000000;color: #ffffff">
                    立即购买
                </span>
                <span id="control_bottom_submit" class="btnok c_txt abs">
                    确定
                </span>
            </div>
        </div>
    </div>
</footer>

<!--angular start-->
<script src="../admin/bower_components/jquery/dist/jquery.js"></script>
<script src="../admin/bower_components/angular/angular.min.js"></script>
<script src="../assets/js/itemDetail.js"></script>

<!--angular 轮播-->
<script src="../admin/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="../admin/bower_components/angular-ui-bootstrap/ui-bootstrap-tpls.min.js"></script>
<link href="../admin/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!--angular end-->

<!--owlcarousel-->
<script src="../assets/owlcarousel/owl.carousel.js"></script>

</body>

</html>